<template>
  <div>
    <div class="big">
      <div class="one">
        <i class="el-icon-s-fold" style="font-size: 35px; color: #ccc"></i>
      </div>
      <ul style="display: flex; float: right">
        <li>
          <el-badge :value="10" class="item">
            <i class="el-icon-s-flag" style="font-size: 25px; color: #ccc"></i>
          </el-badge>
        </li>
        <li>
          <el-badge :value="10" class="item" type="warning">
            <i class="el-icon-message-solid" style="font-size: 25px; color: #ccc"></i>
          </el-badge>
        </li>
        <li>
          <el-badge :value="10" class="item" type="primary">
            <i class="el-icon-message" style="font-size: 25px; color: #ccc"></i>
          </el-badge>
        </li>
        <li>
          <i class="el-icon-full-screen" style="font-size: 25px; color: #ccc"></i>
        </li>
        <li style="border: 1px solid #ccc; padding: 3px 3px; border-radius: 50%">
          <i class="el-icon-user" style="font-size: 22px; color: #ccc"></i>
        </li>
        <li style="color: #ccc">超级管理员</li>
      </ul>
    </div>
  </div>
</template>
<style scoped>
.one {
  padding: 10px 0;
  float: left;
}
li {
  list-style: none;
  margin: 10px 10px;
}
</style>
